<script setup lang="ts">

    import {ref} from 'vue';

    const style1 = "part1"
    const style2 = ref("part2")
    const style3 = "part3"

</script>

<template>
    <div v-bind:class="style1"></div>
    <div v-bind:class="style2"></div>
    <div :class="style2"></div>
</template>

<style scoped>
div{
border:1px solid black;
width:100px;
height:100px;
margin:5px;
}
.part1{
background-color:red;
}
.part2{
background-color:blue;
}
.part3{
background-color:black;
} </style>
